html{ width: 100%; min-width: 1200px;}

.header{ width: 100%;min-width: 1200px; height: 123px; background-image: url(/images/BG002.png); z-index: 999;position: relative;}
.header .nav{ width: 1200px; height: 123px; margin: 0 auto;}
.header .logo{ width: auto; height: 100%; line-height: 73px; padding:25px 0; float: left;}
.header .logo img{}
.header .navList{ width:auto; height: 123px; float: right; margin: 0;}
.header .navList li{ width: auto; height: 123px; float: left; position: relative;}
.header .navList li.presentation{ width: 107px;}
.header .navList li.mail{ width: 94px; }
.header .navList li.mail a{ text-align: right; color: #b4b4b4; }
.header .navList li a{ display: block; width: 100%; height: 100%;  text-decoration: none;line-height: 73px; text-align: center; color: #f1c600; font-size: 14px;padding: 25px 0;}
.header .navList li.presentation:hover,.header .navList li#current:hover{ background: url(/images/BG003T.png) center 80px  no-repeat;}
.header .navList li#current{ background: url(/images/BG003.png) center 80px no-repeat;}
.header .navList li.presentation:hover a{color: #fff;}
.header .navList li a i{ margin-right: 5px;}
.header .navList li ul.sonList{display: none;  width:180px; height:auto;position: absolute;background-image: url(/images/BG002.png); padding-bottom: 10px; left: -31px;}
.header .navList li ul.sonList li{ width: 100%; height: 50px; padding: 5px 10px;}
.header .navList li ul.sonList li a{ display: block; width: 100%; height: 100%;  text-decoration: none;line-height: 40px; text-align: center; color: #fff; font-size: 14px; padding: 0;}
.header .navList li ul.sonList li a:hover{border-bottom:2px solid #f1c600; }


.banner{ width:100%; min-width: 1200px; height: 673px; overflow: hidden; position: relative; top: -123px; margin-bottom: -123px }
.banner a.dd{ display: inline-block; width: 36px; height:1000px; position: absolute; top: 50%; margin-top: -50px; font-size: 100px; z-index: 99; color: #fff;filter:alpha(opacity=50); -moz-opacity:0.5;   -khtml-opacity: 0.5;   opacity: 0.5;
}
.banner a.dd:hover{filter:alpha(opacity=100); -moz-opacity:1;   -khtml-opacity: 1;   opacity:1;}
.banner a.prev{left: 20px;}
.banner a.next{right: 20px;}


.bannerList{ width: 400%; height: 673px; position: absolute; margin-bottom: 0;}
.bannerList li{ width: 25%; height:673px; float: left; background-repeat: no-repeat; background-position: center top; }
.bannerList li .con{ width: 1200px; height: 673px; margin: 0 auto; position: relative; }

.footer{ width: 100%; min-width: 1200px; height: auto; background-color: #494949; padding: 49px 0 49px;}
.footerBox{ width: 1200px; height: auto; min-height: 50px; margin: 0 auto;}
.footerBox .con{ width:auto; height:50px; line-height: 25px; float:left; color: #fff; font-size: 12px;}
.footerBox .redLogo{ display: block; width: 130px; height: 50px; float: left; overflow: hidden; }
.footerBox .redLogo img{ display: inline-block; height: 100%;}
.footerBox .text1{ width: 520px;}
.footerBox .text1 a{ color: #fff;}
.footerBox .text2{ width: 410px;}
.footerBox .text2 p{ display: inline; margin-bottom: 0; margin-right: 10px;}
.footerBox .text2 i{ margin-right: 5px;}
.footerBox .text3{ width: 140px; float: right;}

.footerBox .QRC{  display: block; width:37px; height: 37px; float: left; position: relative; background:url(/images/QRC.png) center center no-repeat; margin-top: 6px; margin-left: 10px;}
.footerBox .QRC .QRCImg{ display:none; width:102px; height: 107px; position: absolute; top: -114px; left: -32px; }
.footerBox .getTop{ width: 68px; height: 33px; margin-top: 7px; float: right; background: url(/images/Top.png) center center no-repeat;}
.footerBox .getTop:hover{background-image:url(/images/TopB.png); }




/*AspNetPager*/

.pages{ width: 100%; height: 36px;  text-align: center; margin-top: 36px; overflow: hidden;}
.pages a,.pages span.pageson{ display: inline-block; width: 30px; height: 36px; line-height: 36px; color: #333; text-decoration: none; font-size: 14px;}
.pages a:hover,.pages span.pageson{ border-bottom: 2px solid #333}

p.cn{text-indent: 2em;}



/* index main */

.indexBody{ background: url(/images/BGNW01.jpg) center top no-repeat; }

.whiteBox,.blackBox{ width: 100%; height: 445px; padding:35px 0; background: url(/images/BG004.jpg) 0 95px repeat-x; }
.center{ width: 1200px; height: 375px; margin: 0 auto;}
.center .tit{ width: 100%; height:61px; margin-bottom: 60px;}
.center .tit h4{display: inline-block; width: auto; height: 61px; line-height: 61px; font-size: 19px; border-bottom: 1px solid #5c5c5c; margin: 0; float: left;}

.case{ width: 861px; height: 375px; float: left; overflow: hidden;}
.case ul{ width:1000px; height: 204px; overflow:hidden; position: relative; margin-bottom: 0; margin-left: -1px;}
.case ul li{ width:auto; height: 204px; padding:0 1px; float: left;}
.case ul li a { display: inline-block; width: 100%; height: 100%;position: relative; background-position: center center; }
.case ul li a p{ display: inline-block; width:100%; height: 49px; line-height: 49px; background: url(/images/BG006.png); color: #fff; font-size: 16px; position: absolute; bottom: 0; left: 0; text-align: center; margin: 0;}
.case ul li.hover p{ background-image: url(/images/BG007.png);}



.vidoe{ width: 294px; height: 375px; float:right;}
.vidoe .con{ width: 100%; height: 204px;}

.blackBox{background: url(/images/BG005.jpg) 0 95px repeat-x;}

.about{  width: 558px; height: 325px; float:left;}

.about .more{ display: block; width: 50px; height: 17px; line-height: 60px; background: url(../images/moreD.png) center center no-repeat; margin-top: 21px; float: right;}
.about .more:hover{color: #999;}
.about .more i{ margin-right: 5px;}


.about .left{ width: 252px; height: 204px; float:left;}
.about .left .img{ width: 252px; height: 199px; overflow: hidden; }
.about .left .img img{ display: block; width: 100%;}
.about .left a{ display: block; width: 141px; height: 32px; border: 1px solid #555; text-align: center; line-height: 30px; font-size: 12px; color: #555;}
.about .left a:hover{text-decoration: none; }
.about .right{ display:inline-block; width: 270px; height: 204px; float: right;overflow: hidden;
}
/* .about .right h4{ width: 100%; height: 20px; line-height: 20px; font-size: 18px; font-weight: bold; margin: 0 0 9px 0;}*/
.about .right .text{ width: 100%; height: 175px; line-height: 25px; font-size: 13px; color: #555;text-align: justify;　text-align: justify;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;-moz-text-align-last:justify;-webkit-text-align-last:justify; }
.about .right .text p{ display: inline;text-justify: inter-ideograph;-ms-text-justify: inter-ideograph;-moz-text-align-last:justify;-webkit-text-align-last:justify; }

.news{ width: 560px; height: 325px; float: right;}
.news .more{display: block; width: 50px; height: 17px; line-height: 60px; background: url(../images/more.png) center center no-repeat;margin-top: 7px;}
.news .more:hover{color: #999;}
.news .more i{ margin-right: 5px;}

.tabNav{ width: auto; height: 60px;float: right;}
.tabNav li{ width: auto; height: 60px;float: left; margin-left:20px; padding: 15px 0; }
.tabNav li a{  color: #555; line-height: 30px;}
.tabNav li a:hover,.tabNav li#current a{color: #999; text-decoration: none;}
.tabNav li a i{ margin-right: 5px;}

.newsList{ width: 100%; height:204px; position:relative; }
.newsList li.current { width: 560px; height: 96px; background-color:#555; border-left: 5px solid #333; padding: 10px 17px 10px 23px;}
.newsList li.current .time2{ display: none;}
.newsList li.current .time1{ display: inline-block; width: 93px; height: 76px; line-height: 27px; font-size: 16px; float: left;text-align: center; padding-right: 23px; border-right:1px solid #333; font-weight: initial; color: #fff;}
.newsList li.current .time1 span{ font-size: 50px; /* font-weight: bold; */ line-height: 50px; color: #fff;}
.newsList li.current h5{ width: 390px; height: 30px; line-height: 30px; float:right; font-size: 15px; color: #fff; margin:0;overflow: hidden;}
.newsList li.current h5 a{ width: auto; height: 34px;  line-height: 34px; color: #fff; }
.newsList li.current h5 i{ float: right; line-height: 34px; margin-left: 10px;color: #999;}
.newsList li.current .txt{ display: block; width: 390px; height: 42px; float: right; line-height: 21px; font-size: 12px; color: #999; font-weight: normal;}

.newsList li { width: 100%; height: 30px; padding: 6px 18px;  margin:7px 0; }
.newsList li .time1{ display: none;}
.newsList li .time2{ display: inline-block;  width: 104px; height: 18px; line-height:18px; padding-right: 22px; margin-right: 22px; border-right: 1px solid #333; float: left; font-size: 12px; color: #999; font-weight: bold; text-align: center;}
.newsList li .time2 span{ font-size: 15px; color: #555;}
.newsList li h5{ width:390px; height: 18px; line-height: 18px; float: right; margin: 0;  overflow: hidden;}
.newsList li h5 i{ float: right; margin-left: 10px; color: #999; line-height: 18px; }
.newsList li h5 a{ width: auto; height: 18px; line-height: 18px; color: #555;}
.newsList li .txt{ display:none;}


/*.detMain*/
.back{ background: url(/images/BG008.jpg) center top repeat-y;}
.detMain{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto 140px;}

/*title*/
.detMain .title{ width: 100%; height:81px; margin: 8px 0 9px; border-bottom: 1px solid #dfdfdf; }
.detMain .title h3{ display: block; width: auto; height: 80px; line-height: 80px; float: left; font-size:30px; color:#333; margin: 0;padding-left: 15px;font-weight: bold; }
.detMain .title h3 i{margin-right: 10px; }
.detMain .title h3 span{ font-size: 20px; line-height: 90px;font-weight: normal; margin-left: 7px; font-family: STFangsong; text-transform: uppercase;}

.detMain .title .breadCrumbs{ width: auto; height: 80px; line-height: 105px; float: right; color:#333;}
.detMain .title .breadCrumbs a{ color: #333;}
.detMain .title .breadCrumbs a i{margin-right: 2px; }
.detMain .title .breadCrumbs span {color: #134bb1;}

/*menu*/
.menu{ width: 250px; height:auto; float:left; overflow: hidden;}
.menu ul{ width: 100%; height:auto;}
.menu ul li {width: 100%; height:100px;}
.menu ul li a{ display: block; width: 100%; height: 100px; border-bottom: 1px solid #e1e1e1; color: #333; line-height: 100px; padding:0 60px 0 29px;}
.menu ul li a:hover{ background: url(/images/ICO002.png) 200px center no-repeat #e1e1e1; text-decoration: none;}
.menu ul li#current a{ background: url(/images/ICO001.png) 200px center no-repeat #134bb1; border-color: #134bb1; color: #fff; text-decoration: none;}

/*rightBOX*/
.rightBOX{ width: 920px; height: auto; overflow: hidden; float: right;padding-top: 43px; }


/*text*/
.context{ width: 920px; height: auto; min-height: 400px; overflow:hidden;color: #363636; font-size: 15px; line-height: 30px;}
.context h4{ font-weight: bold; font-size: 20px; margin: 0 0 20px 0; }
.context h5{ font-size: 18px; margin: 0 0 20px 0; }
.context p{ margin-bottom: 20px;}


/*authenticateList*/
.authenticateConList{ width: 920px; height:82px; margin: 0 0 56px;  }
.authenticateConList li{ width: 33.33%; height: 41px; line-height: 41px; float: left; font-size: 14px; color: #555; font-weight: bold; list-style-type: square;}

.authenticateList{ width: 920px; height: auto;margin-right: -20px;}
.authenticateList li{ width: 33%; height: auto; float: left; padding: 0 20px; margin-bottom: 20px;}
.authenticateList li a{ display: block; width: 100%; height: 100%; overflow: hidden;}
.authenticateList li a .img{ width: 100%; height:185px; border: 5px solid #fff; background: #fff; border-radius: 5px; overflow: hidden; text-align: center;}
.authenticateList li a .img img{ display:inline; height:100%;}
.authenticateList li a p{ width: 100%; height: 40px; line-height: 20px; font-size: 15px; color: #333; font-weight: bold; text-align: center; overflow: hidden; margin:10px 0;}
.authenticateList li a:hover {text-decoration: none;}
.authenticateList li a:hover .img{ border-color: #134bb1; }
.authenticateList li a:hover p{color:#134bb1;}




.authenticateList li a .img{ width: 100%; height:auto; border: 5px solid #fff; background: #fff; border-radius: 5px; overflow: hidden; text-align: center;}
.authenticateList li a .img img{ display:block; width:100%;}
.authenticateList li a p{ width: 100%; height: 40px; line-height: 20px; font-size: 15px; color: #333; font-weight: bold; text-align: center; overflow: hidden; margin:10px 0;}


/*honor*/
.honorList{ width: 920px; height: auto; overflow: hidden; float: right;}
.honorList dt{ width: 100%; height: 36px; line-height: 36px; font-size: 18px; color: #555; padding:0 70px; background: url(/images/BG009.png) top center no-repeat; margin-bottom: 4px;}
.honorList dt span{ display: block; width:240px; height: 36px; float: left;}
.honorList dt p{ display: block; width:540px; height: 36px; margin-bottom: 0; float: right;}
.honorList dd{ width: 100%; height: 41px; padding:0 20px;border-bottom: 1px dashed #d5d5d5; font-size: 14px;}
.honorList dd a{ display: block; width: 100%; height: 40px; line-height: 40px; padding:0 50px; color: #555;}
.honorList dd a:hover{ font-weight: bold;color: #333;}
.honorList dd span{ display: block; width: 240px; height: 40px; float: left;}
.honorList dd p{ display: block; width:540px; height: 40px;margin-bottom: 0; float: right;}


/*honorDetailte*/
.honorTitle{ width: 100%; height:auto; line-height: 40px; font-size: 20px; font-weight: bold; margin: 0 0 20px 0; text-align: center;}

/*contact*/
.contact{ font-size: 13px; line-height: 36px;}
.contact h5{ line-height:48px; font-weight: bold; margin: 0;}
.contact p{ margin-bottom:0; }

/*feedback*/
.feedback{ width: 750px; height: auto; margin: 0 auto;}
.feedback .form-group{padding: 0 10px;}
.feedback .form-group span{ color: #ff0000;}
.feedback .half {display: inline-block; width: 50%; padding:0  10px; margin-bottom: 15px; vertical-align: middle; float: left;  }
.feedback label p{ display: inline-block;}
.feedback .half .form-control { vertical-align: middle; }
.feedback .align {text-align: center;}

/* webMap */

.webMap .titBut{ width: 142px; height: 65px; padding-bottom: 30px; margin: 0 auto 6px; padding:0 1px; background:url(/images/BG010.jpg) bottom center no-repeat;}
.webMap .titBut a{ display: block; width: 100%; height: 35px; line-height: 35px; text-align: center; background-color: #81a5e5; color: #fff; text-decoration: none;}
.webMap dl{ width: 852px; height: auto; margin: 0 auto;}
.webMap dl dt{ width: 100%; height:71px;}
.webMap dl dt .titBut{ float: left;}
.webMap dl dd{ width: 142px; height: auto; float: left; padding:0 1px;}
.webMap dl dd a{ display: block; width: 140px; height: 35px; line-height: 35px; text-align: center; background: #fff; color: #134bb1; text-decoration: none; margin-bottom:1px; font-weight: bold;}

/*link*/
.link{ width: 842px; height: auto; overflow: hidden;margin: 0 auto;}
.link li{ width: 50%; height: 39px; padding: 0 3px; float: left; margin-bottom: 1px;}
.link li a{ display: block; width: 100%; height: 39px; line-height: 39px; padding: 0 50px; background: #e9e9e9; color: #5f3231;}

/*job*/
.jobList{ width: 100%; height: auto; overflow: hidden;}
.jobList li{ width:100%; height: auto; overflow: hidden; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px dashed #333; }
.jobList li dl{ width: 820px; height: auto; float: left;}
.jobList li dl dt{ width: 100%; height: 22px; line-height: 22px; font-size: 16px; margin-bottom: 3px;}
.jobList li dl dd{ width: 100%; height: auto; line-height: 22px; font-size: 13px;}
.jobList li dl dd span{ width: 65px; float: left; font-weight: bold;}
.jobList li dl dd .txt{ width: 755px; height: auto; line-height: 22px; font-size: 13px; overflow: hidden; float: left;}

.jobList li a.but{ width: 80px; height: 160px; line-height: 160px; font-size: 12px; color: #fff; background-color: #c0c0c0; text-align: center; float: right; text-decoration: none;}
.jobList li a.but:hover{background-color: #134bb1;}


/*resume*/
.resume{ width: 800px; height: auto; margin: 0 auto;}
.resume .half{ width: 50%; height: auto; min-height: 34px; margin:0 0 15px; float:left;}
.resume .half .yunf-4{ width: 33.33%; float: left;padding: 7px 15px 0; text-align: right;margin-bottom: 0;}
.resume .half .yunf-8{ width:66.66%; float: left; padding: 0 15px; position: relative;}
.resume .yunf-3{ width:18%; float: left;padding: 7px 15px 0; text-align: right;margin-bottom: 0;}
.resume .yunf-9{ width: 80.3%;  float: left; padding: 0 15px;}
.resume #file{display: block;width: 100%;height: 34px;padding: 6px 0;font-size: 14px;line-height: 1.42857143;color: #555;background-image: none;}
.resume .align {text-align: center;}
.resume .emphasis{ color: #ff0000; position: absolute; top: 0; right: -2px;}
.resume .red{color: #ff0000;}
#divStr,.notFloat{ overflow: hidden;}

/*newsList*/
.newsDetList{ width: 100%; overflow: hidden;}
.newsDetList li{ width: 100%; height: 69px; border-bottom: 1px solid #cfcfcf; padding: 17px 29px;}
.newsDetList li a{  display: inline-block; width: 100%; height:100%; line-height: 17px; text-decoration: none;}
.newsDetList li a p.time{ display: block; width: 822px; height: 17px; line-height: 17px;  color:#999; font-size: 13px; font-weight: bold; margin: 0; float: left;}
.newsDetList li a h4{display:block;  width: 822px; height: 17px; line-height: 17px; font-size: 14px; color: #555; font-weight: bold; margin: 0; float: left;}
.newsDetList li a i{ display: block; width: 40px; height:34px;line-height:34px; margin-top: -17px; float: right; color: #cacaca; text-align: right; }
.newsDetList li a:hover p,.newsDetList li a:hover h4{color: #134bb1;}
.newsDetList li a:hover i{color: #134bb1; text-align: left;}

/*newsDet*/
.newsTop{ width: 100%; height: auto; overflow: hidden; margin-bottom:30px; padding-bottom: 20px; border-bottom: 1px solid #7a7a7a;}
.newsTop h4{ width: 100%; height: auto; line-height: 30px; font-size: 16px; text-align: center; color: #555; font-weight: bold; margin:0; }
.newsTop p{ width: 100%; height: 26px; line-height: 26px; overflow: hidden; font-size: 13px; text-align: center; color: #333; margin:0; }
.newsTop p span{ margin: 0 10px;}

.newsDetText{ width: 100%; height: auto; min-height: 300px; font-size: 14px; color: #555; line-height: 30px;}

.newsFooter{ width: 100%; height: auto; font-size: 14px;}
.newsFooter p{ margin-bottom:5px; }
.newsFooter a{ font-size: 14px; color: #555; margin-right: 15px; text-decoration: none;}
.newsFooter a i{ margin-right: 5px;}
.newsFooter a:hover{color: #134bb1;}


.relatedTit{ width: 100%; height: 30px; font-size: 24px; font-weight: bold; color: #555;}
.related{ width: 100%; height: auto; overflow: hidden; padding-left: 20px;}
.related li{ width: 100%; height: 30px; line-height: 30px; list-style:square;}
.related li a{color: #555;}

/*project*/
.proTit{ width: 100%; height: auto; margin: 60px 0 44px; padding-bottom: 14px; border-bottom: 3px solid #333; overflow: hidden;}
.proTit h3{ width: 100%; height: 40px; line-height: 40px; margin: 0 0 14px 0; font-size: 30px; color: #333;}
.proTit h3 i{ display: inline-block; width: 34px; height: 40px; background: url(/images/ICO003.png) left center no-repeat; float: left; margin-right: 10px;}

.proTit .proNav{ width:1000px; height: auto; min-height: 30px; float: left; margin: 0; }
.proTit .proNav li{ width: auto; height: 30px; margin-right: 20px; float: left;}
.proTit .proNav li a{ display: inline-block; width: 100%; height: 100%; color: #333; font-size: 16px;text-decoration: none;}
.proTit .proNav li a:hover,.proTit .proNav li.in a{color: #999;}

.proList ul li a.XU{text-align:center; }
.proList ul li a.XU img{ height: 100%; width: auto;}

.proTit .search{ width: 187px; height: 30px;padding: 1px 0 0 17px;  float: right; background: url(/images/BG011.png) center left no-repeat;}
.proTit .search input{ width: 143px; height: 28px; line-height: 28px; background:no-repeat;border:none;margin: 0; padding: 0; float: left; }
.proTit .search button{ width: 27px; height: 28px; line-height: 28px; background: no-repeat; margin: 0; padding: 0; border: 0; float: right;}
.proTit .search button i{line-height: 28px;}

.proList{ width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid #333;}
.proList ul{ width: 1216px; height: auto; overflow: hidden; margin-left: -8px; margin-bottom: 0;}
.proList ul li{ width: 25%; height: 216px; overflow: hidden; float:left; padding: 0 8px; margin-bottom: 25px;}
.proList ul li a{display: inline-block; width: 100%; height: 100%; position: relative; line-height: 213px; text-align: center;}
.proList ul li img{ max-width: 100%;max-height: 100%;}
.proList ul li .mask{ display: none; width: 100%; height: auto; background: url(/images/BG006.png); padding: 10px 0; position: absolute; bottom: 0; left: 0;}
.proList ul li .name{ width: 100%; height: 15px; line-height: 15px; font-size: 12px; color: #fff; padding: 0 15px;overflow: hidden;}
.proList ul li .name p{ display:block; width: 180px; height: 14px; line-height: 14px; float: left; text-align: left;}
.proList ul li .name span{ width: 75px; height: 14px; text-align: right; float: right; font-size: 14px; line-height: 14px; padding-left:10px; border-left: 1px solid #fff; }

.proDetTit{ margin: 40px 0 20px;padding: 0;border: none;}
.proDetTit h3{ height: 30px; line-height: 30px;font-size: 20px; margin: 0; font-weight:bold;}
.proDetTit p.attr{ display: inline-block; width: 1000px; height: 30px; line-height: 30px; float: left; margin: 0;}
.proDetTit p.attr a{ color: #333; margin-right: 15px;}
.proDetTit p.attr a i{ margin-right:10px; }
.proDetTit p.attr span{margin-right: 10px; color:#134bb1;}

.proCon{ width: 300px; height: 80px; line-height: 40px; background: url(/images/BG013.png) left bottom no-repeat; padding: 20px 0 !important; font-weight: bold; font-size: 15px; color: #333; float: left;}
.proDetTxt{ width: 100%; height: auto; overflow: hidden; padding-top: 30px; line-height: 20px; font-size: 13px; color: #555;}
/* map */
.BMapLabel{ position: relative !important;top: -6px !important;}